<template>
    <div>
        <el-menu
            :collapse="fold"
            :collapse-transition="false"
            :unique-opened="true"
            active-text-color="#d8e3e7"
            background-color="#131824"
            class="el-menu-vertical-demo"
            mode="vertical"
            router
            text-color="#bfcbd9">
            <sidebar-item v-for="menu in menuList" :key="menu.path" :item="menu"/>
        </el-menu>
    </div>
</template>
<script>
import SidebarItem from './SidebarItem'

export default {
    name: 'Sidebar',
    components: {SidebarItem},
    props: {
        menuList: {
            type: Array,
            required: true
        },
        fold: {
            type: Boolean
        },

    },
    data() {
        return {
            isCollapse: false
        }
    }
}
</script>
<style lang="scss" scoped>
.el-menu {
    border-right-width: 0px;
}
</style>
